<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
		*{
			margin:auto;
			padding: auto;
			list-style: none;
		}	
			#big{
				margin-top: 100px;
			}
			
			div >div{
				
				width: 350px;
				height: 180px;
				vertical-align: auto;	
			}
			.leftup ,.leftdown{
				width: 150px;
				height: 150px;
				border:10px solid lightgray;
				float: left;
			}
			.rightup ,.rightdown{
				width: 150px;
				height: 150px;
				border:10px solid lightgray;
				float: right;
			}
			h4{
				width: 100px;
				margin: 8px;
			}
			p{	
				font-size: 14px;
				width: 90px;
				padding-left:8px;
				float: left;
				
			}
			span{
				float:right;
				margin-top: 60px;
				margin-right: 10px;	
			}
			
		</style>
	</head>
	<body>
		<div id="big">
			<div class="up">
				<div class="leftup">
					<h4>采购</h4>
					<p>
						有创意的想法和充满欲望的开创未来联合聘用人才。
					</p>
					<span>
						<img src="../img/采购.png" alt="" />
					</span>
				</div>
				<div class="rightup">
					<h4>招聘信息</h4>
					<p>基于多年的社区能力的经验，充分发挥聘请人才。</p>
					<span>
						<img src="../img/招聘.png" alt="" />
					</span>
				</div>
			</div>
			<div class="down">
				<div class="leftdown">
					<h4>文员</h4>
					<p>所有营的工作人员总是在一起，可以是一个招聘称职的员工。</p>
					<span>
						<img src="../img/文员.png" alt="" />
					</span>
				</div>
				<div class="rightdown">
					<h4>呼叫中心坐席</h4>
					<p>客户需要伸出援助之手，每当你使用一个代理来。</p>
					<span>
						<img src="../img/坐席.png" alt="" />
					</span>
				</div>
			</div>
		</div>
		
		
	</body>
</html>
